<!-- 第一种语法获取元素 -->
<div id="footerA">footer A</div>

<!-- 第二种语法获取元素 -->
<div>
	<div id="footerB">footer B</div>
</div>

<!-- 第三种语法获取元素 -->
<div>
	<span class="content">footer C </span>
	<span class="content">footer D </span>
</div>

<div>
    <span class="andContent" id="testAnd1">test and 1</span>
	<span class="andContent" id="testAnd2">test and 2</span>
</div>

<!-- 第四种语法获取元素 -->
<span class="footerG">footer G1</span>
<span class="footerG">footer G2</span>

<!-- 第五种语法获取元素 -->
<div class="footerContent">
    <span id="footerE">footer E</span>
	<span>footer F</span>
</div>